<template>
  <div>首页</div>
</template>
<script>
export default {
  created() {
    const arr = [
      { label: '广东', id: '1', pid: '' },
      { label: '深圳', id: '2', pid: '1' },
      { label: '广州', id: '3', pid: '1' },
      { label: '宝安', id: '4', pid: '2' },
      { label: '广西', id: '5', pid: '' }
    ]
    // 转换成树形结构
    // 1:过滤出第一层数据
    console.log(this.changeData(arr, ''))
    // 2：找某个项(广东)的子集
    // console.log(this.changeData(arr, '1'))
    // 3:在第一层数据内加入一个children:[]
    // 4:让children的值通过递归调用找出它的子项。子项的pid是自己的id
  },
  methods: {
    changeData(arr, pid) {
      return arr.filter((item) => {
        if (item.pid === pid) {
          item.children = this.changeData(arr, item.id)
          return true
        }
      })
    }
  }
}
</script>
<style></style>
